<!DOCTYPE html>
<html>
<head>
    <title>设备运行状态统计</title>
    #parse("sys/header.html")
    <style>
        .ui-jqgrid {
            float:left;
        }
    </style>

</head>
<body>
    <div id="rrapp" v-cloak>
        <div >
            <Row :gutter="16" style="padding: 5px 0px 0px 20px">
            </Row>
            <div style="height: 85vh;width:18%;overflow:auto;float:left;padding:10px;">
                <!-- 选择部门 -->
                <div id="deptLayer">
                    <ul id="deptTree" class="ztree"></ul>
                </div>
            </div>
            <!-- 报表区域 -->
            <div id="container" style="width:80%;height:500px;overflow:auto;float:left;margin: 10px;" v-show="!isProcess"></div>
            <div style="width:80%;height: 85vh;overflow:auto;float:left;margin: 10px;padding-left: 20px" v-show="isProcess">
                <Row :gutter="16" style="margin: 3px 0px">
                    <div class="search-group">
                        <i-col span="4">
                            <i-select v-model="q.devCode" placeholder="设备">
                                <i-option v-for="deviceInfo in deviceInfoList" :value="deviceInfo.devCode" :key="deviceInfo.id">{{deviceInfo.devName}}</i-option>
                            </i-select>
                        </i-col>
                        <i-col span="3">
                            <Date-picker type="date" v-model="q.startDate" format="yyyy-MM-dd" placeholder="开始日期"></Date-picker>
                        </i-col>
                        <i-col span="3">
                            <Date-picker type="date" v-model="q.endDate" format="yyyy-MM-dd" placeholder="结束日期"></Date-picker>
                        </i-col>
                        <i-button @click="query">查询</i-button>
                        <i-button @click="reset">重置</i-button>
                    </div>
                </Row>
                <Row>
                    <table id="jqGrid"></table>
                </Row>
            </div>
        </div>
    </div>
    <script src="${rc.contextPath}/statics/plugins/echarts/echarts.min.js"></script>
    <script src="${rc.contextPath}/js/analyse/devOperStatusStat.js?_${date.systemTime}"></script>
</body>
</html>
